<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@include file="/WEB-INF/jspf/meta/meta.jspf" %>
    <title>Title</title>
    <%@include file="/WEB-INF/jspf/adminPage.jspf" %>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/sysRole/sysRole.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/_framework/jquery/jquery.serializejson.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/_framework/jquery/date.js"></script>

</head>
<body class="easyui-layout">

<div data-options="region:'center',title:'角色区'"  style="padding:5px;width: 60%">
    <div style="margin:10px 0;">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="appendRoot()">新增角色</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="edit()">编辑</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="save()">保存</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="cancel()">取消</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>
    </div>
    <%--菜单--%>
    <div id="mm" class="easyui-menu" style="width:120px;">
        <div onclick="add()" data-options="iconCls:'icon-add'">添加子角色</div>
        <div onclick="removeit()" data-options="iconCls:'icon-remove'">移除角色</div>
        <div onclick="appendRoot()" data-options="iconCls:'icon-add'">添加根节点</div>
        <%--<div onclick="edite()" data-options="iconCls:'icon-add'">编辑</div>--%>
    </div>

    <table id="treeGrid" class="easyui-treegrid">
    </table>
</div>
<div data-options="region:'east',title:'权限区',split:true" style="padding:5px;width: 40%;">
    <div style="position: fixed; right: 2%; top: 5%; ">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="savePower()">保存</a>
    </div>
    <ul  id="tree">
    </ul>
</div>
</body>
</html>